/* CSS Document */


@media (max-width:1440px) {

    .container{ padding: 0px 80px;}

    .in_box{ padding: 40px 0px;}
    .in_box_1{ width: 70%;}
    .in_box_1 ul li{ font-size: 18px;}
    .in_box_1 ul li h2 i{ font-size: 38px;}

    .in_box_1 ul li h3 span{ font-size: 60px;}

    .ny_banner{ height: 450px;}

    .newsxx { padding: 50px 15px;}
}

@media (max-width:1260px) {

    .ny_banner{ height: 400px;}


    .footer1 .di_dh ul{ width: 650px;}
}

@media(max-width:960px) {

    .container {
        padding: 0px 15px;
    }

    .header {
        height: 60px;
    }

    .header .logo {
        margin-top: 10px;
    }

    .header .logo img {
        width: 80px;
    }

    .in_search {
        display: none;
    }

    .in_yyqh {
        display: none;
    }

    .header .head_right {
        display: none;
    }

    .phone_btn {
        display: block;
    }

    .in_banner {
        height: 50vh;
    }

    .in_banner .swiper-slide .nr {
        width: 90%;
        left: 5%;
    }

    .in_banner .swiper-slide .nr a h2 {
        font-size: 20px;
    }

    .in_banner .swiper-pagination span {
        width: 10px;
        height: 10px;
    }

    .in_box{ padding: 20px 0px; background-size: 100%;}
    .in_box_1{ width: 100%;}
    .in_box_1 .bt{ padding-right: 0px;}
    .in_box_1 .bt h2{ font-size: 20px; padding-bottom: 10px;}
    .in_box_1 .bt p{ font-size: 14px;}
    .in_box_1 ul{ margin-top: 20px; flex-wrap:wrap;}
    .in_box_1 ul li{ font-size: 16px; padding: 5px 5px; width: 50%;}
    .in_box_1 ul li h2 i{ font-size: 35px;}
    .in_box_1 ul li h3{ font-size: 14px;}
    .in_box_1 ul li h3 span{ font-size: 25px;}
    .in_box_1 ul li:nth-last-child(3){ border: 0px;}


    .in_box1{ padding: 20px 15px;}
    .in_box1 .bt{ margin-bottom: 20px; font-size: 20px;}
    .in_box1 .bt p{ font-size: 14px; padding-top: 10px;}
    .in_box1_nr .swiper-slide{transform: scale(1); }
    .in_box1_nr .swiper-slide-active a .more{ display: none;}
    .in_box1_nr .swiper-slide a{background:linear-gradient(rgba(47,51,114,0),rgba(47,51,114,0.8));}
    .in_box1_nr .swiper-slide a .nr{ width: 90%;}
    .in_box1_nr .swiper-slide a .nr h2{ font-size: 18px;}
    .in_box1_nr .swiper-slide a .nr p{ font-size: 12px;}
    .in_box1_nr .swiper-slide::after{ display: none;}
    .in_box1_nr .swiper-button-next{ right: 0%;}
    .in_box1_nr .swiper-button-prev{ left: 0%;}

    .in_box2{ padding: 20px 0px;}
    .in_box2 .bt{ font-size: 20px; margin-bottom: 20px;}
    .in_box2 .bt p{ font-size: 14px; padding-top: 10px;}
    .in_box2 ul{ margin: 0px;}
    .in_box2 ul li{ width: 100%; margin: 0px; margin-bottom: 15px;}
    .in_box2 ul li .nr h2 a{ font-size: 14px;}
    .in_box2 ul li .nr p{ font-size: 12px;}

    .in_box3{ padding: 20px 0px;}
    .in_box3 .bt{ font-size: 20px; margin-bottom: 10px;}
    .in_box3 .bt p{ font-size: 14px; padding-top: 10px;}
    .in_box3_nr{ padding-bottom: 50px !important;}
    .in_box3_nr .swiper-pagination span{ width: 9px; height: 9px;}
    .in_box3_nr .swiper-slide p{ font-size: 14px;}


    .in_box4{ padding: 20px 0px;}
    .in_box4 .bt{ font-size: 20px; margin-bottom: 10px;}
    .in_box4 .bt p{ font-size: 14px; padding-top: 10px;}
    .in_box4_nr{ padding: 15px 30px;}
    .in_box4_nr .prev, .in_box4_nr .next{ width: 30px; height: 30px; font-size: 16px;}
    .in_box4_nr .slide_items li{ font-size: 14px; width: 130px;}
    .in_box4_nr .slide_items li span{ font-size: 14px;}
    .in_box4_nr .slide_items li div{ width: 22px; height: 22px; padding: 5px; margin-top: 10px;}
    .in_box4_nr .slide_items li.on div{ width: 22px; height: 22px; margin-top: 10px;}
    .in_box4_nr .slide_items li i{ width: 10px; height: 10px;}

    .in_box4_nr .slide-content{ margin-top: 20px;}
    .in_box4_nr .slide-content ul li{ font-size: 16px;}
    .footer1{ padding-top: 15px;}
    .footer1 .di_logo{ padding: 15px 0px; text-align: center;}
    .footer1 .di_logo img{ width: 170px;}
    .footer1 .di_dh ul{ display: none;}
    .footer1 .di_dh .di_tel{ width: 100%; float: left; text-align: center;}
    .footer1 .di_dh .di_tel h2 i{ font-size: 25px;}
    .footer1 .di_dh .di_tel h2{ font-size: 16px; padding-bottom: 10px;}
    .footer1 .di_dh .di_tel a.bshare-weixin{ width: 30px; height: 30px; line-height: 35px;}
    .footer1 .di_dh .di_tel a.bshare-weixin::after{ font-size: 18px; left: 5px;}
    .footer1 .di_dh .di_tel a.bshare-sinaminiblog{width: 30px; height: 30px; line-height: 35px;}
    .footer1 .di_dh .di_tel a.bshare-sinaminiblog::after{ font-size: 18px; left: 5px;}
    .footer1 .di_dh .di_tel a.bshare-qqim{width: 30px; height: 30px; line-height: 35px;}
    .footer1 .di_dh .di_tel a.bshare-qqim::after{ font-size: 18px; left: 5px;}
    .footer1 .di_dh .di_tel .bshare-custom{ text-align: center;}

    .slide_right{ display: none;}
    
    .ny_banner{ height: 300px;}
    .ny_banner h2{ font-size: 24px; padding-bottom: 10px;}
    .ny_banner p{ font-size: 18px;}

    .ny_dh{ height: auto;}
    .ny_dh .container{ display: block;}
    .ny_dh .container .lj{ padding-top: 10px;}
    .ny_dh .container .ny_dhh{ display: block;}
    .ny_dh .container .ny_dhh a{ font-size: 12px; margin: 0px 10px; line-height: 36px; height: auto; float: left;}
    .ny_dh .container .ny_dhh a::after{ right: -8px; top: 10px;}

    .ny_dh1 .container{ height: auto; line-height: 24px; padding: 5px 15px;}
    .ny_dh1 .container a{ font-size: 12px; padding-right: 10px; display: block;}

    .product{ padding: 20px 0px;}
.product ul li{ width: 46%;}

DIV.sabrosus A {
    padding: 5px 10px;
	display:inline-block;
	margin-top: 10px;
}

DIV.sabrosus SPAN.current {
    padding: 5px 10px;
	margin-top: 10px;
}
.product_xx{ padding: 20px 0px;}
.product_xx1 .hd ul li{ width: 33.3%; text-align: center;}
.product_xx1 .bd .nr img{ width: 100% !important;height: auto;}

.solution{ padding: 20px 0px;}
.solution1 ul li{ padding: 15px 0px;}
.solution1 ul li .img{ max-width: 100px;}

.solution1 ul li .nr{ width: calc(100% - 110px);}
.solution1 ul li .nr h2 a{ font-size: 16px;}
.solution1 ul li .nr h3{ font-size: 12px;}
.solution1 ul li .nr span{ margin-top: 10px;}
.solution1 ul li .nr span a{ font-size: 12px; height: 30px; line-height: 30px;}

.newsxx { padding: 20px 15px;}

.newsxx .bt h2 {
    font-size: 16px;
    line-height: 30px;
}

	
.newsxx .nr img{ width: 100%; max-width: 100%; height: auto;}



.news ul li .time{ float: left; width:60px; padding-top: 15px;}
.news ul li .time::after{ width: 6px; height: 6px; margin-left: -3px;}
.news ul li .time h2{ font-size: 28px; font-family: fantasy;}
.news ul li .time p{ font-size: 12px;}
.news ul li .nr{ float: left; width: calc(100% - 140px);}

.news ul li .img{ max-width: 80px;}


.about{ padding: 20px 0px;}
.about .jianj .bt h2{ font-size: 16px;}
.about .jianj .bt p{ font-size: 14px;}
.about .jianj{ margin-bottom: 15px;}
.about1 .nr img{ width: auto; height:auto; max-width: 100%; margin-left: 0px !important;}

.rognyu ul li{ width: 46%; margin: 0px 2%; margin-bottom: 15px;}

.job ul li{ width: 100%;}
.job ul li .img{ height: 80px; width: auto;}
.job ul li .img img{ height: 80px;}
.job ul li .more{ min-height: 80px;}

.job ul li .nr{ width: calc(100% - 160px); padding: 0px 2%;}
.job ul li .nr h2{ font-size: 14px; width: 50%;}
.job ul li .nr p{ width: 50%;}

.layui-layer{ width: 90% !important;}

.job_tc1 .img{ width: 100px;}
.job_tc1 .nr{ width: calc(100% - 150px);}
.job_tc1 .nr h2{ width: 100px; font-size: 14px;}

.layui-layer-setwin .layui-layer-close2{ right: -8px !important; top: -8px !important; width: 20px;}
.layui-layer-setwin .layui-layer-close2::after{ width: 20px;}
.layui-layer-setwin .layui-layer-close2::before{ width: 20px;}

.job_tc2 .bt{ font-size: 14px;}
.job_tc2{ font-size: 13px;}

.contact ul li{ width: 100%; font-size: 14px; padding-right: 0px; border-right: 0px; line-height: 36px;}
.contact ul li i{ font-size: 18px;}

.hr .bt{ padding: 10px 0px;}
.hr .bt span{ width: 33.3%; font-size: 14px;}
.hr .bt span:nth-child(3){ border-right: 0px;}
.hr .bt span:nth-last-child(1){ display: none;}

.jobli li .link{ height: 45px;}
.jobli li .link .nr{ line-height: 45px;}

.jobli li .link .nr span{ width: 33.3%; font-size: 13px;}
.jobli li .link .nr span:nth-last-child(1){ display: none;}

.jobli li .jobnr{ padding: 10px;}

.jobli li .jobnr .left{ width: 100%;}
.jobli li .jobnr p{ font-size: 12px; line-height: 24px;}

}

@media(max-width:768px) {}